<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常用指令：v-model</title>
		<script type="text/javascript" src="../js/framework/vue.js"></script>
		<script>
			window.onload = function () {
				new Vue({
					el: '#v_any',  //'.v_any'  'div'   Vue2.0中允许将Vue实例挂载到<html>或<body>元素，在vue1.0中是可以的
					data: {
						name: '',  //注意，及时name属性暂时没有值，如果要在模板中使用，那么必须先声明
						age: 21,
						flag: true,
						nums: [1,2,3,4,5],
						product: {
							price: '$20',
							weight: '10kg'
						}
					}
				});
				
			}
		</script>
	</head>
	<body>
		<!--<div class="v_any"> -->
		<!--<div>-->	
		<div id="v_any">
			用户名：<input type="text" v-model="name"/> <br />
			{{name}} <br />
			{{age}} <br />
			{{flag}} <br />
			{{nums}} <br />
			{{product}} <br />
		</div>
	</body>
</html>
